<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv ="pragma" CONTENT="no-cache">
    <meta http-equiv ="Cache-Control" CONTENT="no-cache, must-revalidate">
    <meta http-equiv ="expires" CONTENT="0">
    <title>北京站智能网格化管理系统</title>
    <link rel="stylesheet" href="../lib/css/iconFont/iconfont.css">
    <link rel="stylesheet" href="../lib/css/pagination.css">
    <link rel="stylesheet" href="../lib/css/station.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/loading.css">
    <link rel="stylesheet" href="../lib/css/common.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/NGR.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/style.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/jquery.datetimepicker.css">
    <style>
        .s{
            margin-bottom: 20px;
        }
        .ngr-bottom.ngr-right{
            display:none
        }
        .container_map{
            padding-top: 8.2rem;
        }
        .chartBarLeft{
            margin-top: 10rem;
        }
        .chartBar_right, .chartBar_right2 {
            margin-top: 11.5rem;
        }
        .lds-css{
            position: absolute;
            /* display: block; */
            background-color: transparent;
        }
        .chartBarLeft{
            z-index: 11
        }
    </style>
</head>
<body>
<div class="wraper">
    <div class="container_map">
        <!--//地图-->
        <div class="mapmain">
            <div class="floorinfowrap">
                <div class="floorcnt" data-val='0'>
                    <div class="elm elm1">
                        <p class="mainelm">一层</p>
                        <p class="elmti">放大</p>
                    </div>
                </div>
                <div class="floorcnt" data-val='1'>
                    <div class="elm elm2">
                        <p class="mainelm">二层</p>
                        <p class="elmti">放大</p>
                    </div>
                </div>
                <div class="floorcnt" data-val='2'>
                    <div class="elm elm3">
                        <p class="mainelm">站台</p>
                        <p class="elmti">放大</p>
                    </div>
                </div>
                <div class="floorcnt" data-val='3'>
                    <div class="elm elm4">
                        <p class="mainelm">通道</p>
                        <p class="elmti">放大</p>
                    </div>
                </div>
            </div>
            <div id="map" style="width:50%; height: 50%; margin: 0; padding: 0; position:absolute;border-right:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box">
                <!-- loading动画 -->
                <div class="lds-css ng-scope">
                    <div class="lds-dual-ring">
                        <div></div>
                    </div>
                </div>
            </div>
            <div id="map2" style="width:50%; height: 50%; margin: 0; padding: 0; position:absolute;right:0;border-left:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box">
                    <div class="lds-css ng-scope">
                        <div class="lds-dual-ring">
                            <div></div>
                        </div>
                    </div>
            </div>
            <div id="map3" style="width:50%; height: 50%; margin: 0; padding: 0; position:absolute;bottom:0;border-right:1px solid #fff;border-top:1px solid #fff;box-sizing:border-box">
                    <div class="lds-css ng-scope">
                            <div class="lds-dual-ring">
                                <div></div>
                            </div>
                        </div>
            </div>
            <div id="map4" style="width:50%; height: 50%; margin: 0; padding: 0; position:absolute;right:0;bottom:0;border-left:1px solid #fff;border-top:1px solid #fff;box-sizing:border-box">
                    <div class="lds-css ng-scope">
                            <div class="lds-dual-ring">
                                <div></div>
                            </div>
                        </div>
            </div>    
        </div>
        <div class="chartBarLeft">
<!--
            <div class="chartBarTop chartBarAct">
                <div class="chartBarFirst"><i class="icon iconfont icon-louceng"></i></div>
                <span class="chartBarFirstText">一层</span>
            </div>
            <div class="chartSlide none">
                <div class="charLitBox">站台</div>
                <div class="charLitBox" style="border:none">通道</div>
                <div class="charLitBox" style="border:none">二层</div>
            </div>
-->
            <div class="chartBar chartBarAct" data-val="station"><i class="icon iconfont icon-yonghu"></i>岗位</div>
            <div class="chartBar" data-val="eq"><i class="icon iconfont icon-shebei"></i>设备</div>
            <div class="chartBar" data-val="task"><i class="icon iconfont icon-biaoge"></i>作业</div>
            <div class="chartBar" data-val="quantity"><i class="icon iconfont icon-renwu"></i>巡视<br/>任务</div>
            <a class="changeTypeBar none" href="javascript:void(0)"><i class="icon iconfont icon-louceng"></i>回到同屏模式</a>
        </div>
        <!--<div class="chartContainer">-->

            <!--&lt;!&ndash;<div id="homeChart none" class="homeChart" style="width: 800px; height:400px"></div>&ndash;&gt;-->
            <!--&lt;!&ndash;<div id="lineChart none" class="homeChart none" style="width: 800px; height:400px"></div>&ndash;&gt;-->
        <!--</div>-->
        <div class="chartBar_right2" style="display:none">
            <div class="chartBar_nameList">
                <div class="detailbar">
                    <a class="detailelm active" href="javascript:void(0)" data-rel="0">作业</a>
                    <a class="detailelm" href="javascript:void(0)" data-rel="1">轨迹</a>
                    <a class="detailelm" href="javascript:void(0)" data-rel="2">查询</a>
                </div>
                <!-- <input type="text" class="chartRight ptime picker" name="ptime">
                <p class="mingpian"><i class="icon iconfont icon-mingpian"></i></p> -->
                <p class="username">姓名：<span>无</span></p>
                <p class="userid">工号：<span>无</span></p>
                <p class="userposition">岗位：<span>无</span></p>
                <p class="userdep">部门：<span>无</span></p>
                <p class="userrecive nomove">接单：<span>无</span></p>
                <p class="usersuccess nomove">完成：<span>无</span></p>
                <p class="useroutpos nomove">未完成：<span>无</span></p>
            </div>
        </div>
        <div class="chartbarwrap">
            <div class="chartbartime station_bar_right2">
                作业时间：<input type="text" class="starttime"> 至 <input type="text" class="endtime">
                <button class="newBtu">查询</button>
            </div>
            <div class="station_bar_right3 none">
                <button class="refreshBtn">刷新</button>
            </div>
        </div>
        <div class="chartBar_right"></div>
    </div>
    <div class="station_shaow_box none">
        <div class="station_shaow_table">
            <p class="station_shaow_tit tit2"><span class="station_shaow_cnt">作业人员作业情况检索</span><i class="icon iconfont icon-chahao"></i></p>
            <div class="station_shaow_list">
                <lable>姓名<input name="aname" type="text"></lable>
                <lable>工号<input name="anum" type="text"></lable>
                <lable>查询时间<input name="atime" class="findtime" type="text"></lable>
                <input class="shaowSubmit" type="button" name="submit" value="查询">
            </div>
            <div class="station_shaow_detail">
                <table class="station_shaow_detail_table">
                    <thead>
                    <tr class="shaow_detail_title">
                        <th>姓名</th>
                        <th>工号</th>
                        <th>岗位</th>
                        <th>部门</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="resulttable">
                    <tr class="shaow_detail_title">
                    </tr>
                    </tbody>
                </table>
                <div class="M-box1 common1"></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../lib/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/js/base.js"></script>
<script type="text/javascript" src="../lib/js/NGR.min.js"></script>
<script type="text/javascript" src="../lib/js/jquery.pagination.js"></script>
<script type="text/javascript" src="../lib/js/wanggearea.js"></script>
<script type="text/javascript" src="../lib/js/datetimepicker.js"></script>
<script>

</script>
<script src="../lib/js/app3.js"></script>
</body>
</html>